<template>
	<div class="home">
		<div class="view-point">
			<div class="view-item">
				<svg class="icon kyo-visit" aria-hidden="true">
					<use xlink:href="#icon-shouye8"></use>
				</svg>
				<div class="num">0</div>
				<div class="bg-label">今日就诊</div>
			</div>
			<div class="view-item">
				<svg class="icon kyo-visit" aria-hidden="true">
					<use xlink:href="#icon-yuyue"></use>
				</svg>
				<div class="num">0</div>
				<div class="bg-label">新增预约</div>
			</div>
			<div class="view-item">
				<svg class="icon kyo-visit" aria-hidden="true">
					<use xlink:href="#icon-shouye8"></use>
				</svg>
				<div class="num">0</div>
				<div class="bg-label">新增患者</div>
			</div>
			<div class="view-item">
				<svg class="icon kyo-visit" aria-hidden="true">
					<use xlink:href="#icon-shouye9"></use>
				</svg>
				<div class="num">0</div>
				<div class="bg-label">今日营收</div>
			</div>
		</div>
		<div class="banner">
			<div class="banner-text">
				<h3>药品采购活动今日开启,全场满800减200</h3>
				<p>2018年9月7日19:00 广州市天河区珠江新城富力盈泰大厦2-1306</p>
			</div>
		</div>
		<el-tabs v-model="activeName">
			<el-tab-pane label="预约登记" name="appiontmentBooking">
				<el-table :data="tableData" style="width: 100%">
					<el-table-column prop="name" label="姓名" width="180">
					</el-table-column>
					<el-table-column prop="phone" label="手机号码" width="180">
					</el-table-column>
					<el-table-column prop="time" label="预约时间">
					</el-table-column>
					<el-table-column prop="doctor" label="预约医生">
					</el-table-column>
					<el-table-column prop="item" label="预约事项">
					</el-table-column>
				</el-table>
				<h3>本周医生排班</h3>
				<el-table :data="tableData" style="width: 100%">
					<el-table-column prop="name" label="当前医生">
					</el-table-column>
					<el-table-column prop="phone" label="09-09星期一">
					</el-table-column>
					<el-table-column prop="phone" label="09-09星期一">
					</el-table-column>
					<el-table-column prop="phone" label="09-09星期一">
					</el-table-column>
					<el-table-column prop="phone" label="09-09星期一">
					</el-table-column>
					<el-table-column prop="phone" label="09-09星期一">
					</el-table-column>
				</el-table>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
	import './home.less'
	export default {
		name: 'home',
		data() {
			return {
				activeName: 'appiontmentBooking',
				tableData: [{
					name: '王小虎',
					phone: "12456677",
					time: '2019-08-13 11:45-12:00',
					doctor: '陈志斌',
					item: '初诊'
				}]
			};
		}
	};
</script>
